<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // 0-9 满足条件 使用 let 的for循环，相当于生成 9个独立的块级作用域
    for (let i = 0; i < 10; i++) {
        console.log(i);
    }
    /* {
        let i = 0
        console.log(i);
    }
    {
        let i = 1;
        console.log(i);
    }
    {
        let i = 2;
        console.log(i);
    }

    {
        let i = 9;
        console.log(i);
    } */

    /*
     我们的i 按理说，应该只是在 for 里面是，循环完毕后。i是没有存在的意义了
     但是由于使用var声明，会在全局作用域，导致for循环后，污染全局
     引入一个 i = 10；
    */
    console.log('for循环执行完毕后，i的值为多少？', i); //报错

    {
        let mname = '块1';
        console.log(mname);

    }

    /* name 是window下的内置属性 */

    /* Uncaught ReferenceError: mname is not defined */
    console.log(mname);



</script>

</html>